import Vue from 'vue'
import Vuex from 'vuex'

import Vuexpersistedstate from 'vuex-persistedstate'


Vue.use(Vuex)

const store = new Vuex.Store({
    state:{
        zkList:[],
        CartList:[],
        checked:false,
        looding:false,
        totalPrice:0

    },
    action:{},
    getters:{
        totalPrice(state){
            let data = state.zkList.filter(item=>{
                return item.checked
            })
            let price = 0;
            
            data.forEach(item=>{
                price += item.price
            })

            return price*100
        }
    },
    mutations:{
        addCart(state,arr){
            state.CartList = arr;
            // console.log(arr)
        },
        zkaddCart(state,arr){
            state.zkList=arr;
            console.log(arr)
        },
        // 全选
        qxcheck(state){
            state.checked = !state.checked;
            // console.log(state.checked)

            let count=0;

            state.zkList.forEach(item=>{
                if(item.checked){
                    count++
                }
            })

            if(count==state.zkList.length){
                state.zkList.forEach(item=>{
                    item.checked = state.checked
                })
            }else{
                state.checked = true;
                state.zkList.forEach(item=>{
                    item.checked = true
                })
            }

        },
        //点击复选框判断是否全选
        qxcheckd(state){
            let count = 0;
            state.zkList.forEach(item=>{
                if(item.checked){
                    count++
                }
            })
            console.log(count)
            
            if( state.zkList.length == count){
                state.checked = true
            }else{
                state.checked = false
            }
            console.log(state.checked)

        }
    },
    modules:{},
    plugins:[Vuexpersistedstate()]
})

export default store

// import Vue from "vue";
// import Vuex from "vuex";
// import VuexPersistence from 'vuex-persist';//的导入vuex持久化插件

// //指定本地存储配置
// const vuexLocal = new VuexPersistence({
//     storage: window.localStorage
// })

// Vue.use(Vuex);

// export default new Vuex.Store({
//     state:{
//         cartList:[],//存储购物车的基本信息
//     },
//     mutations:{
//         addCart(state,payload){
//             //追加信息
//             state.cartList = payload;
//         },
//     },
//     getters:{
//         // 计算购物车商品的总数量
//         totalNums(state){
//             let nums = 0;
//             state.cartList.forEach(item=>{
//                 nums += item.nums;
//             })

//             return nums;
//         }
//     },
//     actions:{
        
//     },
//     plugins: [vuexLocal.plugin]
// });